<!-- Main Header -->
<header class="main-header dark-bg">

    <!-- Logo -->
    <a href="index.html" class="logo dark-bg">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini"><img src="dist/img/logo.png" alt="Ovio"></span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg"><img src="dist/img/logo-lg.png" alt="Ovio"></span> </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a>
        <div class="pull-left search-box">
            <form action="#" method="get" class="search-form">
                <div class="input-group">
                    <input type="text" name="search" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
            <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> </button>
            </span></div>
            </form>
            <!-- search form --> </div>
        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown messages-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-envelope"></i>
                    <div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
                </a>
                    <ul class="dropdown-menu">
                        <li class="header">You have 4 messages</li>
                        <li>
                            <ul class="menu">
                                <li><a href="#">
                                    <div class="pull-left"><img src="dist/img/img1.jpg" class="img-circle" alt="User Image"></div>
                                    <h4>Florence Douglas</h4>
                                    <p>Lorem ipsum dolor sit amet.</p>
                                    <p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>
                                </a></li>
                                <li><a href="#">
                                    <div class="pull-left"><img src="dist/img/img2.jpg" class="img-circle" alt="User Image"></div>
                                    <h4>Douglas Smith</h4>
                                    <p>Lorem ipsum dolor sit amet.</p>
                                    <p><small><i class="fa fa-clock-o"></i> 15 mins</small></p>
                                </a></li>
                                <li><a href="#">
                                    <div class="pull-left"><img src="dist/img/img3.jpg" class="img-circle" alt="User Image"></div>
                                    <h4>Lorence Deo</h4>
                                    <p>Lorem ipsum dolor sit amet.</p>
                                    <p><small><i class="fa fa-clock-o"></i> 35 mins</small></p>
                                </a></li>
                                <li><a href="#">
                                    <div class="pull-left"><img src="dist/img/img1.jpg" class="img-circle" alt="User Image"></div>
                                    <h4>Florence Douglas</h4>
                                    <p>Lorem ipsum dolor sit amet.</p>
                                    <p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>
                                </a></li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">Check all notifications</a></li>
                    </ul>
                </li>
                <!-- messages-menu -->

                <!-- Notifications Menu -->
                <li class="dropdown notifications-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-megaphone"></i>
                    <div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
                </a>
                    <ul class="dropdown-menu">
                        <li class="header">Notifications</li>
                        <li>
                            <ul class="menu">
                                <li><a href="#"><i class="icon-lightbulb"></i> Lorem ipsum dolor sit amet </a> </li>
                                <li><a href="#"><i class="icon-map-pin blue"></i> Lorem ipsum dolor sit amet </a> </li>
                                <li><a href="#"><i class="icon-refresh orange"></i> Lorem ipsum dolor sit amet </a> </li>
                                <li><a href="#"><i class="icon-map-pin blue"></i> Lorem ipsum dolor sit amet </a> </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">View all</a></li>
                    </ul>
                </li>
                <!-- Tasks Menu -->
                <!-- User Account Menu -->
                <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="dist/img/img1.jpg" class="user-image" alt="User Image"> <span class="hidden-xs"><span class="adminName">Florence Douglas</span></span> </a>
                    <ul class="dropdown-menu">
                        <li class="user-header">
                            <div class="pull-left user-img"><img src="dist/img/img1.jpg" class="img-responsive" alt="User"></div>
                            <p class="text-left"> <span class="adminName">Florence Douglas</span> <small>florence@gmail.com</small> </p>
                            <div class="view-link text-left"><a href="#">View Profile</a> </div>
                        </li>
                        <li><a href="#"><i class="icon-profile-male"></i> My Profile</a></li>
                        <li><a href="#"><i class="icon-wallet"></i> My Balance</a></li>
                        <li><a href="#"><i class="icon-envelope"></i> Inbox</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#"><i class="icon-gears"></i> Account Setting</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#"><i class="fa fa-power-off"></i> <span id="adminOut">Logout</span></a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar dark-bg">
    <section class="sidebar">
        <div class="user-panel black-bg">
            <div class="pull-left image"> <img src="dist/img/img1.jpg" class="img-circle" alt="User Image"> </div>
            <div class="pull-left info">
                <p class="adminName">Florence Douglas</p>
                <a href="#"><i class="fa fa-circle"></i> Online</a> </div>
        </div>
        <!-- Sidebar Menu -->
        <ul class="sidebar-menu" data-widget="tree">
            <li class="header dark-bg">Menu</li>
            <li class="treeview active"><a href="#"><i class="fa fa-dashboard"></i> <span>数据详情</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                <ul class="treeview-menu ">
                    <li class="active"><a href="index.html"><i class="fa fa-angle-right"></i> 数据详情 1</a></li>
                    <li><a href="getMoreTodayFund.html"><i class="fa fa-angle-right"></i> 数据详情 2</a></li>
                    <li><a href="dashboard-3.html"><i class="fa fa-angle-right"></i> 数据详情 3</a></li>
                </ul>
            </li>
            <li class="treeview"> <a href="#"><i class="fa fa-table"></i> <span>权限管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                <ul class="treeview-menu">
                    <li><a href="userManage.html"><i class="fa fa-angle-right"></i> 用户管理</a></li>
                    <li><a href="adminManage.html"><i class="fa fa-angle-right"></i> 管理员管理</a></li>
                    <li><a href="goodManage.html"><i class="fa fa-angle-right"></i> 商品管理</a></li>
                </ul>
            </li>
            <li class="treeview"> <a href="#"><i class="fa fa-bar-chart"></i> <span>业务管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                <ul class="treeview-menu">
                    <li><a href="charts/line.html"><i class="fa fa-angle-right"></i> 资质维护</a></li>
                    <li><a href="charts/area.html"><i class="fa fa-angle-right"></i> 分类管理</a></li>
                    <li><a href="charts/bar.html"><i class="fa fa-angle-right"></i> 流程管理</a></li>
                    <li><a href="charts/pie.html"><i class="fa fa-angle-right"></i> 广告管理</a></li>
                    <li><a href="charts/bubble.html"><i class="fa fa-angle-right"></i> 消息模板</a></li>
                    <li><a href="charts/combinations.html"><i class="fa fa-angle-right"></i> 项目分类</a></li>
                    <li><a href="charts/3d.html"><i class="fa fa-angle-right"></i> 项目标签</a></li>
                </ul>
            </li>
            <li class="treeview"> <a href="#"><i class="fa fa-files-o"></i> <span>业务审核</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                <ul class="treeview-menu">
                    <li><a href="pages/login.html"><i class="fa fa-angle-right"></i> 实名认证审核</a></li>
                    <li><a href="register.html"><i class="fa fa-angle-right"></i> 广告审核</a></li>
                    <li><a href="forgotPassword.html"><i class="fa fa-angle-right"></i> 众筹审核</a></li>
                </ul>
            </li>
        </ul>
        <!-- sidebar-menu -->
    </section>
</aside>